Estoy construyendo algo en un entorno de solución de código bajo/espagueti, combinando Airtable como una base de datos, Typeform y una plataforma front-end llamada Softr. (No es mi idea, pero es mi dolor de cabeza).

Tengo una sección en una página llamada #button-list que busca una celda en una tabla de Airtable. Si la celda está vacía, devuelve un botón a un Typeform. Si la celda está llena, devuelve los resultados del formulario Typeform.

Cuando se hace clic en el botón, se abre un modal con un Typeform en el costado de la página.

La sección relevante del código del botón es:

<button data-tf-slider="yyyyy" data-tf-on-close="function(){document.getElementById("button-list").reload();}" data-tf-auto-close data-tf-iframe-props="title=Typeform" data-tf-hidden="uid=xxxxx," ">Start</button><script src="//embed.typeform.com/next/embed.js"></script>

( yyyyy y xxxxx se sustituyen por la información del usuario relevante).

Al cerrar el Typeform, me gustaría que la sección se actualice, para que vea los resultados en lugar del botón. Así que estoy tratando de usar la devolución de llamada data-tf-on-close para actualizar la sección.

No estoy seguro de si voy por el camino correcto o no. Debería ser parent.document.getElementById("button-list").reload(); porque el modal se está cerrando, ¿entonces técnicamente no es el documento? ¿Debería configurar algún tipo de emisor, para poder configurar un detector de eventos en la página para recargar la sección? ¿Simplemente tengo la sintaxis incorrecta? ¿Me estoy perdiendo algo simple? ¿No es esto posible?

Gracias.